<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>职位详情</title>
    <link rel="stylesheet" href="../style/main.css" type="text/css" media="screen and (min-width:751px)">
    <link rel="stylesheet" href="../style/mainMb.css" type="text/css" media="screen and (max-width:750px)">
    <link rel="stylesheet" href="../js/layui/css/layui.css" media="all">
    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/resize.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/vue@2.4.17.js"></script>
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body style="background: #fff;">

<div class="personal-page" id="delivery_detail" v-cloak>
    <div class="personal-header">
        <ul class="nav">
            <li><a href="my-resume.html">我的简历</a></li>
            <li class="curr"><a href="delivery-record.html">投递记录</a></li>
            <li><a href="preview-resume.html">预览简历</a></li>
        </ul>
        <div class="options">
            <p>欢迎回来 <span>{{userInfo.name}}</span></p>
            <ul class="option-list">
                <li>
                    <a href="javascript:">
                        {{userInfo.name}}<span>{{userInfo.tel}}</span>
                    </a>
                </li>
                <li>
                    <a href="../password-alter.html">
                        <i><img src="../images/setting.png"></i>修改密码
                    </a>
                </li>
                <li>
                    <a href="javascript:" onclick="logout()">
                        <i><img src="../images/logout.png"></i>退出登录
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="wap-header">
        <a href="delivery-record.html"><img src="../images/mobile/back.png"></a>
        <h2>职位详情</h2>
    </div>
    <div class="job-detail">
        <div class="job">
            <h2>
                {{data.position.positionName}}<span>{{data.position.salaryLevelName}}</span>
            </h2>
            <p><span>地址</span><span>{{data.position.workCity}}</span></p>
            <p><span>工作经验</span><span>{{data.position.workExperienceLevelName}}</span></p>
            <p><span>学历</span><span>{{data.position.educationLevelName}}</span></p>
            <p><span>年龄</span><span>{{data.position.ageRequirement}}</span></p>
            <p><span>招聘人数</span><span>{{data.position.recruitNumber}}人</span></p>
        </div>
        <div class="job-about">
            <div class="job-about-list wap-com-intro">
                <div class="company-about">
                    <div class="company-logo"><img :src="services+data.company.logo"></div>
                    <div class="company-brief">
                        <h2>{{data.company.fullName}}</h2>
                        <span>{{data.company.industryName}}</span><span>{{data.company.companySizeLevelName}}</span>
                    </div>
                </div>
            </div>
            <div class="job-about-list">
                <h2>技能要求</h2>
                <div class="details-part">
                    <p>{{data.position.skillRequirementName}}，{{data.position.otherSkillRequirement}}</p>
                </div>
            </div>
            <div class="job-about-list">
                <h2>职位描述</h2>
                <div class="details-part">
                    <p>
                        岗位职责：<br>
                        {{data.position.workDescription}}<br>
                    </p>
                </div>
            </div>
            <div class="job-about-list wap-last-list">
                <h2>工作地址</h2>
                <div class="details-part">
                    <p>{{data.position.workAddress}}</p>
                </div>
            </div>
            <div class="job-about-list wap-last-list">
                <h2>其他工作地址</h2>
                <div class="details-part">
                    <p>{{data.position.otherWorkAddress}}</p>
                </div>
            </div>
            <div class="job-about-list wap-hidden">
                <div class="company-about">
                    <div class="company-logo"><img :src="services+data.company.logo"></div>
                    <div class="company-brief">
                        <h2>{{data.company.fullName}}</h2>
                        <p>{{data.company.industryName}}</p>
                        <p>{{data.company.companySizeLevelName}}</p>
                    </div>
                </div>
                <h2>公司介绍</h2>
                <div class="details-part">
                    {{data.company.description}}
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/layui/layui.js"></script>
<script src="../js/index.js"></script>
<script src="../js/account/delivery_detail.js"></script>
</body>
</html>